/**
 *  路由配置配置文件
 */
// 导入 创建路由对象的函数
import { 
  createRouter, 
  createWebHashHistory, 
  createWebHistory } from 'vue-router';

// import Login from '../Login.vue';
// import Home from '../Home.vue';
// import Home0 from '../Home0.vue';
// import Home1 from '../Home1.vue';
// import Home2 from '../Home2.vue';

import nav1 from "../nav1.vue";
import nav2 from "../nav2.vue";
import nav3 from "../nav3.vue";
import nav4 from "../nav4.vue";
import father from "../Father.vue"



// 创建 路由对象
const router = createRouter({
  // 导航模式: 
  // hash导航模式 ：url 地址栏中会携带一个 #。 对浏览器的兼容性比较好。
  // createWebHashHistory,创建 hash 导航模式


  // history导航模式 ：url 地址栏中不会携带一个 # 。 对浏览器的兼容性不太友好
   // createWebHistory,创建 hash 导航模式
  history: createWebHashHistory(),

  // 设置导航的路由单元映射
  // 数组类型: 成员=>路由单元对象
  routes: [
    {
      path:"/",
      component:father
    },
    {
      path: '/nav1', 
      component: nav1
    },
    {
      path: '/nav2',
      component: nav2,
    },
    {
      path: '/nav3',
      component: nav3,
    },
    {
      path: '/nav4',
      component: nav4,
    },
  ]
});

// 导出路由对象
export default router;